<%@ page pageEncoding="UTF-8"%>
<%@ include file="/common/validate.jsp"%>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>创建个人方案</title>
    <link  href="../../images/favicon.ico" rel="shortcut icon" type="image/x-icon">
    <link rel="stylesheet" href="../../css/public.css?cache=<%=Math.random()%>" >
    <link rel="stylesheet" href="../../css/messages_doctor_mes.css?cache=<%=Math.random()%>">
    <link rel="stylesheet" href="../../css/txzj/followup/create.css?cache=<%=Math.random()%>">
    <script src="../../js/txzj/vue.min.js"></script>
    <script src="/js/jquery-1.9.1.min.js"></script>
</head>
<body>
<%@ include file="/header.jsp"%>
<!--内容-->
<div class="containerone">
    <%@ include file="/left_menu.jsp"%>
    <!--右边内容-->
    <div class="right_cont">
        <div class="message_hos_news_container">
            <!--右边导航下面内容-->
            <div class="right_cont_container">
                <div class="create-simple">
                    <div class="simple-top center">
                        <div class="show-block green-color font-28">创建方案</div>
                        <div class="show-block back">返回</div>
                    </div>
                    <div style="margin-top: 2%">
                        <div class="show-block level-width">
                            <div class="show-block star">*</div>
                            <div class="show-block level ver-mid">一级专区</div>
                            <div class="show-block left-select ver-mid">
                                全部
                            </div>
                        </div>
                        <div class="show-block level-width" style="margin-left: 96px;">
                            <div class="show-block star">*</div>
                            <div class="show-block level ver-mid">二级专区</div>
                            <div class="show-block left-select ver-mid">
                                全部
                            </div>
                        </div>
                    </div>
                    <div style="margin-top: 4%">
                        <div class="show-block star">*</div>
                        <div class="show-block level ver-mid">方案标题</div>
                        <input class="show-block title-select" type="text" placeholder="请输入方案标题">
                    </div>
                    <div style="margin-top: 4%">
                        <div class="show-block star">*</div>
                        <div class="show-block level ver-mid">适用症状</div>
                        <input class="show-block title-select" type="text" placeholder="请输入适用症状">
                    </div>
                    <div style="margin: 4% 0">
                        <div class="show-block node">添加随访节点</div>
                        <div class="show-block add" @click="openDialog">
                            <img class="show-block ver-mid" src="/images/txzj/add.png" style="width: 26px;">
                            <div class="show-block ver-mid">添加</div>
                        </div>
                    </div>
                    <div>
                        <div class="node-table">
                            <div class="show-block center node-name">节点名称</div>
                            <div class="show-block center node-split">与首节点间隔</div>
                            <div class="show-block center node-operate">操作</div>
                        </div>
                        <div class="node-list">
                            <div class="list-detail">
                                <div class="show-block list-name ver-mid">入院第二天入院</div>
                                <div class="show-block center list-split ver-mid">1天</div>
                                <div class="show-block list-operate center">
                                    <div class="show-block modify">修改</div>
                                    <div class="show-block modify delete">删除</div>
                                </div>
                            </div>
                        </div>
                        <div class="node-list">
                            <div class="list-detail">
                                <div class="show-block list-name ver-mid">入院第二天入院</div>
                                <div class="show-block center list-split ver-mid">1天</div>
                                <div class="show-block list-operate center">
                                    <div class="show-block modify">修改</div>
                                    <div class="show-block modify delete">删除</div>
                                </div>
                            </div>
                        </div>
                        <div class="node-list">
                            <div class="list-detail">
                                <div class="show-block list-name ver-mid">入院第二天入院</div>
                                <div class="show-block center list-split ver-mid">1天</div>
                                <div class="show-block list-operate center">
                                    <div class="show-block modify">修改</div>
                                    <div class="show-block modify delete">删除</div>
                                </div>
                            </div>
                        </div>
                        <div class="node-list">
                            <div class="list-detail">
                                <div class="show-block list-name ver-mid">入院第二天入院</div>
                                <div class="show-block center list-split ver-mid">1天</div>
                                <div class="show-block list-operate center">
                                    <div class="show-block modify">修改</div>
                                    <div class="show-block modify delete">删除</div>
                                </div>
                            </div>
                        </div>
                        <div class="node-list">
                            <div class="list-detail">
                                <div class="show-block list-name ver-mid">入院第二天入院</div>
                                <div class="show-block center list-split ver-mid">1天</div>
                                <div class="show-block list-operate center">
                                    <div class="show-block modify">修改</div>
                                    <div class="show-block modify delete">删除</div>
                                </div>
                            </div>
                        </div>
                        <div class="node-list">
                            <div class="list-detail">
                                <div class="show-block list-name ver-mid">入院第二天入院</div>
                                <div class="show-block center list-split ver-mid">1天</div>
                                <div class="show-block list-operate center">
                                    <div class="show-block modify">修改</div>
                                    <div class="show-block modify delete">删除</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="center">
                        <div class="save show-block">保存</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--以下是弹出框组件-->
<dialog_addnode :show.sync="show.add_node" :name="name" :time="time" :surveys="surveys" :notices="notices" :show_add_survey.sync="show.add_survey" :show_add_notice.sync="show.add_notice"></dialog_addnode>
<dialog_addsurvey :show.sync="show.add_survey"></dialog_addsurvey>
<dialog_addnotice :show.sync="show.add_notice"></dialog_addnotice>
<!--end-->
</body>
<%@ include file="/components/txzj/dialog_addNode.jsp"%>
<%@ include file="/components/txzj/dialog_addSurvey.jsp"%>
<%@ include file="/components/txzj/dialog_addNotice.jsp"%>
<script>
    var showvue = new Vue({
        el:"body",
        data:{
            show: {add_node:false,add_survey:false,add_notice:false},
            name:"颈肩腰背膝盖痛康复方案",
            time:"术后第二天",
            surveys:["膝关节炎症可视化量表1","膝关节炎症可视化量表","Mayo后足评分系统","膝关节周经测量","VAS-疼痛评分表","Cano手-前臂手术疗效评分系统"],
            notices:["膝关节炎症可视化量表1","膝关节周经测量","VAS-疼痛评分表","Cano手-前臂手术疗效评分系统","膝关节炎症可视化量表1","膝关节周经测量","VAS-疼痛评分表","Cano手-前11111111111111111111111臂手术疗效评分系统"]
        },
        methods:{
            openDialog: function() {
                this.show.add_node = true
            }
        },
        components: {
            dialog_addnode: dialogAddNode,  //这边的key似乎要小写，大写浏览器没有反应
            dialog_addsurvey:dialogAddSurvey,
            dialog_addnotice:dialogAddNotice
        }
    });
</script>
</html>